/*css��ʽ��ʼ��*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body { font-size:12px; color:#666; font-family:Verdana, Microsoft YaHei, Simsun; background:#fff; line-height:24px; }
fieldset, img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; }
textarea { resize:none; } 
p{ text-align:justify; text-justify:distribute;} 
a { color: #666; text-decoration:none; }
a:hover { color: #f60; text-decoration:none; }
.clearfix:after{
        content:"";
        height:0;
        line-height:0;
        display:block;
        visibility:hidden;
        clear:both;
}
.clearfix{
zoom:1
}

.head{
    width: 100%;
    height: 100px;
    background-color:#2F4F4F;
}
.head>span>img{
    width: 125px;
    height: 100px;
    float: left;
    margin-left: 3%;
}
.logo{
    float: left;
    font-size: 42px;
    color: #fff;
    line-height: 100px;
    margin-left: 2%;
}
.head>span>a{
    height: 100px;
    line-height: 100px;
    width: 30px;
    font-size: 22px;
    color: #AFEEEE;
    margin-left: 3%;
}
.head>span>a:hover{
    text-decoration: none;
}
.leftsiber{
    width: 220px;
    height: 800px;
    background-color: #f2f2f2;
    border: 1px solid #fff;
    float: left;
}
.panel-title>a{
    margin-left: 20px;
    font-size: 18px;
    line-height: 40px;
    text-align: left;
    text-decoration: none;
}
.panel-title>a:active{
    text-decoration: none;
}
.home{
    cursor: pointer;
    height: 61px;
    font-size: 28px;
    text-align: center;
    margin-top: 20px;
}
.home>a:hover{
    text-decoration: none;
}
.panel-body>div{
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
.panel-body>div:hover{
    background-color: #2F4F4F;
    color: #fff;
}

.content{
    margin-left: 5%;
    display: none;
}
.active{
    display: block;
}
.chanpin{
    text-decoration: none;
    list-style: none;
    display: inline-block;
    height: 40px;
    width: 186px;
    padding-left: 20px;
    line-height: 40px;
    text-align: left;
    color: #000000;
 }
.chanpin:hover{
    background-color: #2F4F4F;
    color: #fff;
    text-decoration: none;
}
.left_foot{
}
.left_foot a{
    text-decoration: none;
    list-style: none;
    display: inline-block;
    height: 40px;
    width: 186px;
    line-height: 40px;
    text-align: left;
    color: #000000;
    padding-left: 20px;
    border: 1px solid #ccc;
}
.left_foot a:hover{
    background-color: #2F4F4F;
    color: #fff;
    text-decoration: none;
}
.login_mesg{
    color: red;
    float: right;
    margin-top: 2.5%;
    font-size: 16px;
    margin-right: 11.5%;
    color: #AFEEEE;
}

/*user图片*/

.user-img{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    right: 15%;
    top: 3%;
}
/*注销样式*/
.exit{
    display: inline-block;
    width: 50px;
    height: 30px;
    border: 1px solid #ccc;
    position: absolute;
    right: 7%;
    top: 4.5%;
    line-height: 30px;
    text-align: center;
    border-radius: 0.4rem;
    color: #fff;
}
.exit:hover{
    background-color: #fff;
    color: #000000;
    text-decoration: none;
}
/*首页显示*/
h2{
    width: 100%;
    text-align: center;
}

.content_tab{
    margin-top: 25px;
    width: 50%;
    margin-left: 25%;
}
.content_tab tr td{
    line-height: 40px;
    text-align: center;
    height: 40px;
    border: 1px solid #ccc;
}
.erm{
    margin-left: 25%;
}
/*资源*/
#res li ,#res span{
    list-style-type: none;
    font-size: 18px;
}
#res li>ul{
    font-size: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
}
#res a{
    padding-left: 6px;
    padding-right: 6px;
}